/* 右侧 */
.page-aside *{box-sizing: border-box; }
.page-aside {
	position: fixed;
	right: 0;
	top: 50%;
	z-index: 9;
	margin-top: -166px;
	width: 70px;
	transform: translateX(100%);
	opacity: 0;
	transition: opacity .3s, transform .3s
  }
  .page-aside p{ color: #fff;}
  .mt-5{ margin-top: 5px;}
  /* .page-aside img{ max-width: 100%;} */
  .page-aside.show {
	opacity: 1;
	transform: translateX(0)  ;
	-webkit-transform: translateX(0)  ;
	-moz-transform: translateX(0)  ;
	-ms-transform: translateX(0)  ;
	-o-transform: translateX(0)  ;
}
  
  .page-aside .item {
	background: #d80c18;
	display: block;
	font-size: 12px;
	color: #fff;
	margin-bottom: 1px;
	text-align: center;
	line-height: 1;
	transition: transform .4s;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
  }
  .page-aside .item img{ height: 20px;}
  
  /*.page-aside .item {background: -webkit-gradient(linear,left top,right top,from(#fd441f),to(#e1251b));*/
  /*    background: linear-gradient(90deg,#fd441f,#e1251b);display:block;font-size:12px;color:#fff;margin-bottom:1px;text-align:center;line-height:1;transition:transform .4s;border-top-left-radius:5px;border-bottom-left-radius:5px}*/
  .page-aside .item.tel {
	width: 220px;
	display: flex;
	/* flex-wrap: wrap; */
	align-items: center
  }
  
  .page-aside .item.tel .main {
	width: 70px;
	border-right: 1px solid rgba(255, 255, 255, .2);
	padding: 10px 0
  }
  
  .page-aside .item .wx_main {
	position: relative;
  }
  
  .page-aside .item .wx_main .zxcode {
	position: absolute;
	right: 120%;
	top: 55%;
	opacity: 0;
	z-index: -99;
	transform: translateY(-50%);
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.17);
	transition: all 0.5s;
	pointer-events: none;
  }
  
  .page-aside .item .wx_main:hover .zxcode {
	top: 50%;
	opacity: 1;
	z-index: 1;
  }
  
  .page-aside .item.gotop {
	background: #ddd;
	color: grey
  }
  
  .page-aside .item.gotop .main {
	background: #ddd;
	padding: 16px 10px 16px 0
  }
  
  .page-aside .main {
	width: 80px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 10px 10px 10px 0
  }
  
  .page-aside .icon {
	width: 28px;
	height: 28px; font-size: 22px;
 
	color: #fff;
  }
  
  .page-aside .content {
	width: calc(100% - 70px);
	font-size: 20px;
	text-align: center;
 
  }
  
  .page-aside-zw {
	width: 100%;
	height: 40px;
	display: none
  }
  
  .page-aside-phone {
	background: -webkit-gradient(linear, left top, right top, from(#fd441f), to(#e1251b));
	background: linear-gradient(90deg, #fd441f, #e1251b);
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 8;
	width: 100%;
	display: none
  }
  
  .page-aside-phone .item {
	width: 33.33%;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 15px;
	line-height: 40px;
	justify-content: center;
	border-right: 1px solid #b00
  }
  
  .page-aside-phone .icon {
	width: 20px;
	height: 20px;
	margin-right: 6px
  }
  
  .page-aside .item.tel:hover {
    transform: translateX(-150px)
  }

  .page-aside .item.tel1:hover {
    transform: translateX(-70px)
  }

  .page-aside .item:not(.tel):hover {
    transform: translateX(-10px)
  }